@charset "utf-8";
/*******    FEUILLE DE STYLE      ********/
/*******    ? MBA MULTIMEDIA      ********/
/*******  www.mba-multimedia.com  ********/

/************************************************/
/* 				BALISES							*/
/************************************************/
*											{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
html 										{ background:#666; /*background-image: linear-gradient(bottom, #000000 16%, #333133 73%); background-image: -o-linear-gradient(bottom, #000000 16%, #333133 73%); background-image: -moz-linear-gradient(bottom, #000000 16%, #333133 73%); background-image: -webkit-linear-gradient(bottom, #000000 16%, #333133 73%); background-image: -ms-linear-gradient(bottom, #000000 16%, #333133 73%); background-image: -webkit-gradient(	linear, left bottom, left top, color-stop(0.16, #000000), color-stop(0.73, #333133));*/ }
body 										{ font-size:1em; 
											  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
											  font-style:normal; 
											  font-variant:normal; 
											  font-weight:normal; 
											  line-height:normal; 
											  text-align:left; 
											  text-indent:0; }

@media screen and (min-width: 800px) {
	html { background: #666 url(fond_couture_fonce.jpg) repeat top left; }
}

h1											{ }
h2											{ }
h3											{ }
h4											{ }
table										{ width:100%; font-size:11px; }
td											{ vertical-align:top; }
textarea									{ font-size:11px; font-family:Verdana, Helvetica, sans-serif; }
p											{ padding-bottom:10px; }
ul											{ }
ul li										{ list-style:none; }
ol											{ }
ol li										{ list-style:none; }

/* Balises HTML 5 */
header, section, footer, aside, nav, article, figure, time, hgroup, figcaption { display: block; }
address 									{ display:inline; }

/* Lien par d��faut */
a											{ }
a:link,
a:visited									{ }
a:active,
a:hover										{ }

.none										{ display:none!important; }
.sprite										{ position:absolute; display:block; overflow:hidden; background-repeat:no-repeat; margin:0; padding:0; }

/************************************************/
/* 				HEADER							*/
/************************************************/
.btn-logo								{  }
.header									{ position:relative; height:57px; }
.ui-header .angle.sprite				{ top:0; left:0; z-index:1; width:40px; height:29px; }
.btn-logo								{ position:absolute; top:7px; left:45px; width:95px; height:41px; }
.ui-header .btn-logo .sprite			{ left:0; top:0; width:95px; height:41px; background-position:-45px 0; }
.menuprim								{ position:absolute; right:4px; top:16px; height:30px; }
.menuprim ul							{ }
.menuprim li							{ position:relative; float:left; width:30px; height:30px; padding:0 9px; }
.menuprim a								{ display:block; text-decoration:none; }
.ui-header .sprite,
.menuprim .sprite						{ width:30px; height:30px; }

.btn-parametres .sprite					{ background-position:0 -45px; }
.btn-extranet .sprite					{ background-position:-30px -45px; }
.btn-menu .sprite						{ background-position:-60px -45px; }
.btn-parametres a:hover .sprite,
.btn-parametres.actif .sprite			{ background-position:0 -75px; }
.btn-extranet a:hover .sprite,
.btn-extranet.actif .sprite				{ background-position:-30px -75px; }
.btn-menu a:hover .sprite,
.btn-menu.actif .sprite					{ background-position:-60px -75px; }

.btn-ma-position						{ position:relative; }
.btn-ma-position .sprite				{ width:30px; height:30px; background-position:-90px -45px; }
.btn-ma-position a:hover .sprite		{ background-position:-90px -75px; }

.nombre									{ display:block; position:absolute; right:4px; top:-10px; padding:2px; border-radius:10px; text-shadow:none; background-image:linear-gradient(top, #ECECEC 27%, #AAAAAA 64%); background-image:-o-linear-gradient(top, #ECECEC 27%, #AAAAAA 64%); background-image:-moz-linear-gradient(top, #ECECEC 27%, #AAAAAA 64%); background-image:-webkit-linear-gradient(top, #ECECEC 27%, #AAAAAA 64%); background-image:-ms-linear-gradient(top, #ECECEC 27%, #AAAAAA 64%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.27, #ECECEC), color-stop(0.64, #AAAAAA)); }
.nombre	strong							{ display:block; color:#fff; font-size:.7em; line-height:.7em; padding:5px; border-radius:8px; background-image:linear-gradient(top, #FF4262 27%, #8F0231 64%); background-image:-o-linear-gradient(top, #FF4262 27%, #8F0231 64%); background-image:-moz-linear-gradient(top, #FF4262 27%, #8F0231 64%); background-image:-webkit-linear-gradient(top, #FF4262 27%, #8F0231 64%); background-image:-ms-linear-gradient(top, #FF4262 27%, #8F0231 64%); background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.27, #FF4262), color-stop(0.64, #8F0231) ); }

/************************************************/
/* 				FOOTER							*/
/************************************************/
#dBody .ui-footer						{ position:relative; height:30px; }
.btn-appeler							{ position:absolute; top:0; left:8px; }
.btn-appeler a							{ display:block; }
.btn-appeler .sprite					{ width:86px; height:30px; background-position:-60px -135px; }

.suivre									{ position:relative; }
nav .suivre								{ position:absolute; right:45px; top:0; z-index:2; }
.suivre ul								{ }
.suivre li								{ position:relative; float:left; width:30px; height:30px; margin:0 11px 11px 0; }
.suivre a								{ display:block; }
.suivre .sprite							{ width:30px; height:30px; }
.btn-vimeo .sprite						{ background-position:0 -105px; }
.btn-twitter .sprite					{ background-position:-30px -105px; }
.btn-facebook .sprite					{ background-position:-60px -105px; }
.btn-linkedin .sprite					{ background-position:-90px -105px; }
.btn-blog .sprite						{ background-position:-120px -105px; }
.btn-flickr .sprite						{ background-position:-150px -105px; }
.btn-dribble .sprite					{ background-position:-180px -105px; }
.btn-picasa .sprite						{ background-position:-210px -105px; }
.btn-behance .sprite					{ background-position:-240px -105px; }
.btn-youtube .sprite					{ background-position:-270px -105px; }
.btn-agence .sprite						{ background-position:-215px -135px; }
.btn-galerie .sprite					{ background-position:-280px -135px; }
.btn-services .sprite					{ background-position:-345px -135px; }
.btn-contact .sprite					{ background-position:-410px -135px; }
.btn-agence:hover .sprite				{ background-position:-215px -200px; }
.btn-galerie:hover .sprite				{ background-position:-280px -200px; }
.btn-services:hover .sprite				{ background-position:-345px -200px; }
.btn-contact:hover .sprite				{ background-position:-410px -200px; }


.btn-plus								{ position:absolute; right:0; top:0; width:56px; height:30px; z-index:1; }
.btn-plus a								{ display:block; }
.btn-plus .sprite						{ width:56px; height:30px; background-position:0 -135px; }
.ui-icon-tel							{ background-position:0 -165px; }
.ui-icon-pc								{ background-position:-18px -165px; width:22px; box-shadow:none; border-radius:0; }
.ui-icon-pc	.ui-btn-icon-left .ui-btn-inner { }
.ui-btn:hover .ui-icon-pc				{ background-position:-18px -183px; }

/************************************************/
/* 				CONTENT							*/
/************************************************/

.ui-content								{ padding:0; 
										  min-height:323px; 
										  padding-bottom:15px;
										  }
										  
.ui-content .ui-listview 				{ margin:0; }
.ui-header .ui-title,
.ui-footer .ui-title 					{ font-size:1.2em; }
.ui-listview a							{ font-size:1.2em; font-weight:normal; font-family:WWb, "Trebuchet MS", Arial, Helvetica, sans-serif; }
.ui-listview .ui-li .ui-btn-inner a.ui-link-inherit, 
.ui-listview .ui-li-static.ui-li		{ padding:.4em 30px .4em 15px; }
.ui-checkbox .ui-btn-text				{ font-weight:100; }

.entete									{ position:relative; height:30px; background-repeat:repeat-x; border-top:1px solid #494747; }
.entete h1								{ z-index:1; font-weight:normal; font-size:1.2em; position:absolute; top:3px; left:53px; padding-left:10px; line-height:23px; text-align:left; width:243px; height:25px; background-position:-150px -45px; font-family:WWb, "Trebuchet MS", Arial, Helvetica, sans-serif; }

.btn-retour								{ z-index:2; position:absolute; top:3px; left:1px; width:57px; height:24px; }
.btn-retour .sprite						{ left:0; top:0; width:57px; height:24px; background-position:-150px 0; }

.btn-filtre								{ z-index:2; position:absolute; top:3px; right:10px; width:69px; height:30px; }
.btn-filtre .sprite						{ left:0; top:0; width:69px; height:30px; background-position:-215px 0; }

.btn-nav								{ z-index:2; position:absolute; top:3px; right:6px; width:60px; height:24px; }
.btn-nav a								{ position:absolute; display:block; width:30px; height:24px; }
.btn-nav .precedent							{ left:0; }
.btn-nav .suivant							{ left:30px; }
.btn-nav .sprite						{ width:30px; height:24px; }
.btn-nav .precedent .sprite					{ background-position:-300px 0; }
.btn-nav .suivant .sprite					{ background-position:-330px 0; }
.btn-nav .precedent:hover .sprite			{ background-position:-365px 0; }
.btn-nav .suivant:hover .sprite			{ background-position:-395px 0; }

.img-bandeau							{ width:320px; height:88px; margin:0 auto; background-position:50% 50%; width:100%; background-size:100% auto; background-repeat:no-repeat; }

.ui-dialog .ui-field-contain 			{ margin-top:0; }
.ui-dialog .ui-header					{ padding:0; margin-top:15px; background:none!important; border:none; }
#projets > h1,
section h1,
section h2,
.ui-dialog .ui-header h1				{ padding:0 0 2px 0; font-weight:100; font-family:WWb,"Trebuchet MS",Arial,Helvetica,sans-serif; text-shadow:none; }
aside header h1,
#projets > h1,
section h1,
section h2								{ text-align:center; font-size:1.2em; margin:10px 0 5px 0; }
.ui-dialog .ui-header h1				{ text-align:left; margin:0 0 5px 0; padding-top:3px; padding-left:30px; }
.ui-dialog .ui-header .ui-btn-left 		{ display:none; }
.ui-dialog .ui-header .ui-btn-right 	{ right:0; top:0; }

form									{ padding:10px; position:relative; overflow:hidden; margin:0 auto; max-width:540px;  }
form fieldset							{ overflow:hidden; }
form ul									{ }
form li									{ padding:6px 0; clear:both; overflow:hidden; }
form label								{ }
form label:after						{ /*content:" :"; */}
form textarea,
form select,
form input.ui-input-text				{ }
form button								{ }
form textarea:hover,
form select:hover,
form input.ui-input-text:hover			{ }
form textarea:focus,
form select:focus,
form input.ui-input-text:focus			{ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  }
form input.ui-input-text, 
form textarea.ui-input-text				{ width:95%; max-width:540px; }

.msg									{ padding:10px; font-size:.9em; margin-bottom:15px; }
.msg .nombre							{ top:0; }

.elements									{ position:relative; overflow:hidden; padding:18px 0; text-shadow:none; }
.elements article							{ position:relative; width:215px; list-style:none; padding:5px; margin:0 auto 23px auto; border-radius:2px; }
.elements article figure					{ position:relative; width:215px; height:140px; overflow:hidden; }
.elements article figure img				{ position:absolute; left:0px; top:0px; width:215px; height:140px; z-index:1; }
.elements article div						{ padding:7px; background:#717171 url(/media/page_a/historique_equipe-elements_article_div.jpg) left bottom repeat; }
.elements article h1						{ padding:0px 9px 2px 9px; color:#7a7a7a; font-size:.7em; line-height:11px; background:#0c0c0c url(/media/page_a/equipe_elements_article_h1.gif) right top no-repeat; }
.rub_a .elements article h1					{ color:#7a7a7a; }
.rub_b .elements article h1					{ color:#fff; }
.elements article p							{ padding:0px 9px; color:#fff; font-size:.8em;  }
.elements article a							{ display:block; width:56px; height:41px; position:absolute; left:0; top:0; z-index:2; }
.elements article a .sprite					{ left:0; top:0; width:56px; height:41px; background-position:-151px -135px;  }

.flex-direction-nav							{ position:absolute; top:28px; left:0; width:100%; z-index:10; }
.flex-direction-nav a 						{ position:absolute; top:0; display:block; overflow:hidden; width:33px; height:163px; text-indent:-500px; }
.flex-direction-nav a.prev					{ left:12px; background-position:-107px 0; }
.flex-direction-nav a.prev:hover			{ background-position:-72px 0; }
.flex-direction-nav a.next					{ right:12px; background-position:0 0; }
.flex-direction-nav a.next:hover			{ background-position:-35px 0; }


/************************************************/
/* 				PAGES							*/
/************************************************/
/* PRE HOME */ 
#pre-home a								{ display:block; background:url(/media/pre_home.jpg) 0 0 no-repeat; width:320px; height:416px; z-index:1; 
		-moz-background-size:320px 416px;
		-o-background-size:320px 416px;
		-webkit-background-size:320px 416px;
		background-size:320px 416px;
}
#pre-home #ajax-loader					{ position:absolute; left:50%; top:300px; width:16px; height:16px; margin-left:-8px; z-index:2; }

/* PAGE accueil */
#menuindex								{ }
#menuindex .entete h1					{ position:absolute; top:0px; left:0px; line-height:28px; width:100%; height:28px; background-position:-150px -75px; font-family:WWb, "Trebuchet MS", Arial, Helvetica, sans-serif; }

#menuindex .ui-content ul				{ width:194px; overflow:hidden; margin:32px auto 0 auto; }
#menuindex .ui-content li				{ float:left; }
#menuindex .ui-content li a				{ position:relative; display:block; width:65px; height:31px; text-align:center; padding:65px 16px 0 16px; text-decoration:none; font-size:1.2em; font-weight:100; font-family:WWb,"Trebuchet MS",Arial,Helvetica,sans-serif; }
#menuindex .ui-content li .sprite		{ width:65px; height:65px; top:0; left:16px; }
#menuindex .ui-content nav				{ text-align:center; }
#menuindex .ui-content nav .ui-btn		{ margin:2em 0; }
#menuindex .ui-content nav .ui-btn .ui-btn-text { font-size:1.2em; font-weight:100; font-family:WWb,"Trebuchet MS",Arial,Helvetica,sans-serif; padding-left:.2em; }
#menuindex .ui-content nav .ui-btn:hover .ui-btn-text { }

/* PAGE Configuration */
#configuration {}
#configuration .ui-header .sprite		{ border:0; top:0; left:0; background-position:0 -75px; } 
#configuration form						{ }
#configuration .ui-field-contain 		{ margin:0; padding:0; }
#configuration .ui-controlgroup-label	{ font-weight:bold; display:block; border-bottom:0 none; padding-left:5px; }
#configuration .ui-controlgroup-controls { display:block; width:auto; padding:0 10px; }
#configuration .ui-field-contain label.ui-slider { display:block; width:auto; }
#configuration p						{ font-size:.8em; padding:5px 0; }
#configuration .ui-field-contain div.ui-slider { width:150px; }

/* PAGE Extranet */
#extranet {}
#extranet .ui-header .sprite		 	{ border:0; top:0; left:0; background-position: -30px -75px; } 
#extranet form							{ }
#extranet fieldset						{ }
#extranet form label.ui-input-text		{ display:block; width:auto; }
#extranet form input					{ width:60%; margin:0.2em 0; }
#extranet form .ui-checkbox				{ display:inline-block; }
#extranet nav							{ text-align:center; }

/* PAGE Plus de liens */
#plus .suivre							{ overflow:hidden; }
#plus nav								{ clear:both; text-align:center; }
#plus .suivre ul 						{ width:208px; margin:10px auto; padding:22px 0 10px 22px; overflow:hidden; }
#plus .suivre li 						{ margin:0 22px 22px 0; }	

/* PAGE Agence */
#agence-img								{ background-image:url(/media/page_a/img-bandeau.jpg); }

/* PAGE Agence - pr��sentation */
#presentation-agence 					{ position:relative; margin:0 auto; max-width:540px; overflow:hidden; padding:10px; position:relative; }
#presentation-agence h1 				{ font-size:2.2em; font-family: RW,"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: 100; }
#presentation-agence h2 				{ font-size:1.2em; line-height:1em; padding:0; font-family:RW,"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:100; margin-bottom:1em; }
#presentation-agence p 					{ }
#presentation-agence_p1 				{ font-size:1em; line-height:1.6em; }
#presentation-agence_p2 				{ font-size:.8em; line-height:1.4em; }
.sprite.guillemet						{ width:70px; height:38px; display:block; margin-top:5px; float:left; position:relative; background-position:-60px -170px;  }
#presentation-agence .tiret				{ display:inline-block; height:3px; width:26px; margin:0 10px 1px 0; }
#presentation-agence .visuel			{ background-color:#fff; width:100%; padding:4px 0;  margin:0 auto 1em auto; overflow:hidden; }
#presentation-agence .img				{ background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto; width:100%;}
#presentation-agence_img1				{ height:110px; }
#presentation-agence_img1 .img			{ height:110px; background-image:url(/media/page_a/presentation-agence_img1.jpg); }
#presentation-agence_img2				{ height:131px; }
#presentation-agence_img2 .img			{ height:131px; background-image:url(/media/page_a/presentation-agence_img2.jpg); }


/* PAGE Agence - ��quipe */
/*.elements								{ position:relative; overflow:hidden; background:#2b2b2b; padding:9px; }
.elements article						{ position:relative; width:215px; list-style:none; padding:5px; margin:0 auto 23px auto; border-radius:2px; background:#fff; }
.elements article figure				{ background:#717171; position:relative; width:215px; height:130px; overflow:hidden; }
.elements article figure img			{ position:absolute; left:0px; top:0px; width:215px; height:260px; }
.elements article figure img:hover		{ top:-130px; }
.elements article div					{ padding:7px; background:#717171 url(/media/page_a/historique_equipe-elements_article_div.jpg) left bottom no-repeat; }
.elements article h1					{ padding:0px 9px 2px 9px; color:#7a7a7a; font-size:11px; line-height:11px; background:#0c0c0c url(/media/page_a/equipe_elements_article_h1.gif) right top no-repeat; }
.elements article p						{ padding:0px 9px; color:#fff; }
.elements article.focus 				{ background:#fff; }*/
/*#equipe-page								{ }
#equipe-page .elements article figure		{ position:relative; width:215px; height:130px; overflow:hidden; }
#equipe-page .elements article figure img	{ position:absolute; left:0px; top:0px; width:215px; height:260px; z-index:1; }
#equipe-page .elements figure img:hover		{ top:-130px; }*/

.srub_a02 li figure							{ position:relative; width:215px; height:130px; overflow:hidden; background-repeat:no-repeat; background-position:0 0; }
.srub_a02 li figure:hover					{ background-color:#0F0; background-position:0 -130px; }
.srub_a02 li figure img						{ display:none; }
.srub_a02 .equipe-regis figure				{ background-image:url(/media/page_a/equipe/regis.jpg); }
.srub_a02 .equipe-pascale figure			{ background-image:url(/media/page_a/equipe/pascale.jpg); }
.srub_a02 .equipe-myriam figure				{ background-image:url(/media/page_a/equipe/myriam.jpg); }
.srub_a02 .equipe-alice figure				{ background-image:url(/media/page_a/equipe/alice.jpg); }
.srub_a02 .equipe-caro figure				{ background-image:url(/media/page_a/equipe/caro.jpg); }
.srub_a02 .equipe-julien figure				{ background-image:url(/media/page_a/equipe/julien.jpg); }
.srub_a02 .equipe-vero figure				{ background-image:url(/media/page_a/equipe/vero.jpg); }
.srub_a02 .equipe-greg figure				{ background-image:url(/media/page_a/equipe/greg.jpg); }
.srub_a02 .equipe-antoine figure			{ background-image:url(/media/page_a/equipe/antoine.jpg); }
.srub_a02 .equipe-emeline figure			{ background-image:url(/media/page_a/equipe/emeline.jpg); }
.srub_a02 .equipe-julien-rd figure			{ background-image:url(/media/page_a/equipe/julien-rd.jpg); }


/*.elements									{ position:relative; overflow:hidden; padding:18px 0; text-shadow:none; }
.elements article							{ position:relative; width:215px; list-style:none; padding:5px; margin:0 auto 23px auto; border-radius:2px; }
.elements article figure					{ position:relative; width:215px; height:130px; overflow:hidden; }
.elements article figure img				{ position:absolute; left:0px; top:0px; width:215px; height:260px; z-index:1; }
.elements article div						{ padding:7px; background:#717171 url(/media/page_a/historique_equipe-elements_article_div.jpg) left bottom repeat; }
.elements article h1						{ padding:0px 9px 2px 9px; color:#7a7a7a; font-size:.8em; line-height:11px; background:#0c0c0c url(/media/page_a/equipe_elements_article_h1.gif) right top no-repeat; }
.elements article p							{ padding:0px 9px; color:#fff; font-size:.8em;  }
.elements article a							{ display:block; width:56px; height:41px; position:absolute; left:0; top:0; z-index:2; }
.elements article a .sprite					{ left:0; top:0; width:56px; height:41px; background-position:-151px -135px;  }

.flex-direction-nav							{ position:absolute; top:28px; left:0; width:100%; z-index:10; }
.flex-direction-nav a 						{ position:absolute; top:0; display:block; overflow:hidden; width:33px; height:163px; text-indent:-500px; }
.flex-direction-nav a.prev					{ left:12px; background-position:-107px 0; }
.flex-direction-nav a.prev:hover			{ background-position:-72px 0; }
.flex-direction-nav a.next					{ right:12px; background-position:0 0; }
.flex-direction-nav a.next:hover			{ background-position:-35px 0; }*/

#equipe-page							{ }

/* PAGE Agence - chiffres cl��s */
#chiffres-cles-page							{ position:relative; text-shadow:none; }
#chiffres-cles-page > header				{ display:none; }
#chiffres-cles-page section h1				{ margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#chiffres-cles-page .items .item 			{ padding:0px; overflow:hidden; }
#chiffres-cles-page .bloc					{ float:left; margin:0 0 5px 0; position:relative; overflow:hidden; font-size:10px; text-align:center; text-transform:uppercase; }
#chiffres-cles-page .bloc h1				{ font-size:12px; line-height:25px; }
#chiffres-cles-page strong					{ font-size:48px; font-weight:100; font-family:RW, "Trebuchet MS", Arial, Helvetica, sans-serif; }
#chiffres-cles-page .bloc .cache			{ position:relative; overflow:hidden; width:100%; }
#chiffres-cles-page .bloc .cache img		{ position:absolute; left:0px; top:0px; }
#chiffres-cles-page .bloc:hover .cache img	{ top:-100%; }
#chiffres-cles-page .bloc footer			{ position:absolute; bottom:0; right:0; }
#chiffres-cles-page .bloc footer a			{ text-decoration:none; display:block; width:15px; height:15px; line-height:14px; }
#chiffres-cles-page .bloc footer a:hover	{ }

/* PAGE Agence - chiffres cl��s - Pixels */
#chiffres-cles-page #pixels					{ width:147px; height:195px; margin-right:5px; }
#chiffres-cles-page #pixels figure			{ }
#chiffres-cles-page #pixels .cache			{ height:118px; }
#chiffres-cles-page #pixels figcaption		{ font-size:12px; padding:5px 0 0 0; }
#chiffres-cles-page #pixels a				{ }

/* PAGE Agence - chiffres cl��s - ��motions */
#chiffres-cles-page #emotion				{ width:168px; height:195px; }
#chiffres-cles-page #emotion .cache			{ height:163px; }
#chiffres-cles-page #emotion figcaption		{ display:none; }

/* PAGE Agence - chiffres cl��s - Comp��tences */
#chiffres-cles-page #competences			{ width:320px; height:195px; }
#chiffres-cles-page #competences .cache		{ width:208px; height:129px; margin:0 auto; background-position:left top; background-repeat:no-repeat; }
#chiffres-cles-page #competences:hover .cache { background-position:left bottom; }
#chiffres-cles-page #competences strong		{ font-size:18px; }
#chiffres-cles-page #competences figcaption	{ display:block; padding:0 14px; text-align:left; }
#chiffres-cles-page #competences figcaption span	{ float:right; }

/* PAGE Agence - chiffres cl��s - Ressources humaines */
#chiffres-cles-page #rh						{ width:320px; height:195px; }
#chiffres-cles-page #rh	#cles_rh_equipe		{ width:284px; height:54px; margin:0 auto; }
#chiffres-cles-page #rh	#cles_rh_partenaires{ width:279px; height:28px; margin:0 auto; }
#chiffres-cles-page #rh	figure				{ padding:8px 0;  }
#chiffres-cles-page #rh	figcaption			{ }
#chiffres-cles-page #rh	figcaption span		{ padding:0 6px; }

/* PAGE Agence - chiffres cl��s - Lignes de code */
#chiffres-cles-page #code					{ width:320px; height:107px; }
#chiffres-cles-page #code h1				{ padding-left:109px; }
#chiffres-cles-page #code figure			{ position:absolute; left:0px; top:0px; width:109px; height:107px; z-index:3; }
#chiffres-cles-page #code .cache			{ height:107px; }
#chiffres-cles-page #code figcaption		{ position:absolute; left:8px; top:34px; width:83px; font-size:13px; line-height:15px; }
#chiffres-cles-page #code figcaption span	{ display:block; font-size:17px; }
#chiffres-cles-page #code blockquote		{ position:absolute; left:99px; top:39px; z-index:1; width:198px; height:47px; overflow:hidden; white-space:pre; font-size:11px; line-height:10px; text-transform:none; text-align:left; font-family:"Courier New", Courier, monospace; }

/* PAGE Agence - chiffres cl��s - Clients */
#chiffres-cles-page #clients				{ width:203px; height:82px; margin-right:5px; }
#chiffres-cles-page #clients h1				{ display:none; }
#chiffres-cles-page #clients p				{ line-height:70px; font-size:14px; }
#chiffres-cles-page #clients strong			{ font-size:60px; } 

/* PAGE Agence - chiffres cl��s - Budget */
#chiffres-cles-page #budget					{ width:112px; height:82px; }
#chiffres-cles-page #budget h1				{ border-bottom:0 none; font-size:10px; }
#chiffres-cles-page #budget p				{ line-height:44px; padding:0; }
#chiffres-cles-page #budget strong			{ } 

/* PAGE Agence - chiffres cl��s - ��volution */
#chiffres-cles-page #evolution				{ width:320px; height:199px; }
#chiffres-cles-page #evolution .cache		{ height:171px; width:228px; margin:0 auto; }

/* PAGE Agence - chiffres cl��s - Localisation */
#chiffres-cles-page #localisation			{ width:320px; height:199px; }
#chiffres-cles-page #localisation h1		{ }
#chiffres-cles-page #localisation ul		{ width:304px; height:154px; padding:17px 0 0 16px; text-align:left; }
#chiffres-cles-page #localisation:hover ul	{ background-position:left bottom; }
#chiffres-cles-page #localisation strong	{ font-size:30px; display:inline-block; width:35px; text-align:right; }
#chiffres-cles-page #localisation span		{ display:inline-block; overflow:hidden; padding:4px 0 0 0;  }
#chiffres-cles-page #localisation .loc1		{ text-transform:lowercase; }
#chiffres-cles-page #localisation .loc2		{ width:85px; text-align:center; white-space:nowrap; font-size:.8em; }
#chiffres-cles-page #localisation .loc3		{ }

/* PAGE Agence - chiffres cl��s - Mondial */
#chiffres-cles-page #mondial				{ float:left; width:300px; padding:10px; }
#chiffres-cles-page #mondial h1 span		{ padding:0px 6px; font-size:10px; text-transform:uppercase; }
#chiffres-cles-page #mondial ul				{ }
#chiffres-cles-page #mondial li				{ clear:left; overflow:hidden; padding-top:10px; }
#chiffres-cles-page #mondial strong			{ display:block; float:left; margin:-10px 5px 0 0; }

/* PAGE Agence - R��compenses */

/* PAGE Agence - webcam */
#webcam p									{ padding:10px 0; }
#webcam img									{ display:block; margin:0 auto; width:100%; max-width:320px; }

/* PAGE Agence - actualites */
#actualites .conteneur li					{ /*padding:.4em 0 .3em 0;*/ }
#actualites .conteneur li a					{ padding:.9em 30px .7em 15px; }
#actualites .conteneur time					{ position:absolute; top:.6em; left:15px; font-size:.6em; font-weight:normal; }

/* PAGE Galerie */
#clientele-page								{ padding:3px 26px 0 30px; overflow:hidden; }
#clientele-page > header					{ display:none; }
#clientele-page #updates					{ padding:10px 0 50px 0; }
#clientele-page .clientele-element			{ position:relative; float:left; width:85px; height:85px; padding:0 3px 3px 0; }
#clientele-page .clientele-element figure	{ width:85px; height:85px; overflow:hidden; }
#clientele-page .clientele-element a		{ display:block; width:85px; height:85px; overflow:hidden; }
#clientele-page .clientele-element a span 	{ position:absolute; left:0; top:0; display:block; width:85px; height:85px; }
#clientele-page .entete h1					{ width:193px; }

#clientele-page	#btn-plus-client			{ clear:both; text-align:center; }

#clientele .clientele-element.n3,
#clientele .clientele-element.n7,
#clientele .clientele-element.n11 			{ padding-right:0; }
#clientele .clientele-element.n8,
#clientele .clientele-element.n9
#clientele .clientele-element.n10
#clientele .clientele-element.n11 			{ padding-bottom:0; } 

#projets > h1 								{ font-family: WWsb,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 24px; text-align: center; }
#projets .ctn								{ padding:15px; }

/* Filtre */
#filtre form								{ padding:0; }

/* FICHE client */
.fiche .colg								{ float:left; width:90px; padding-top:7px; }
.fiche .colc								{ }
.fiche .date								{ font-size:.7em; }
.fiche										{ padding:15px; }
.fiche h1 									{ font-size:2em; line-height:normal; font-family: RW,"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:100; }
.fiche time									{ display:inline; }
.fiche .texte								{ font-size:1em; }
.fiche footer								{ font-size:.7em; text-align:right; }
.fiche .colc h1								{ }
.fiche .colc h1 span						{ }
.fiche .secteur								{ font-size:14px; line-height:normal; white-space:nowrap; letter-spacing:1px; text-transform:uppercase; font-family:WWsb,"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:100; text-shadow:none; }
.fiche .secteur span 						{ padding:1px 5px 0 5px; display:inline-block; }

/* PAGE Services */
#services-img 								{ background-image:url(/media/page_c/img-bandeau.jpg); }
.bulle										{ position:absolute; left:0; top:8px; border-radius:2px; display:block; width:4px; height:4px; background:#F00; }
.rub_c .conteneur section 					{ position:relative; margin:0 auto; max-width:540px; overflow:hidden; padding:10px; position:relative; }
.rub_c .conteneur section li				{ position:relative; padding-left:10px; }
.rub_c .texte								{ padding:10px; }
.srub_c00									{ }
.srub_c00									{ }
.srub_c01									{ }

/* PAGE Contact */
#contact-img								{ background-image:url(/media/page_d/img-bandeau.jpg); }

#appeler									{ text-align:center; }

#ecrire										{ }

#venir										{ }
#venir form									{ padding:5px 10px; }
#venir fieldset								{ }
#venir .btn-ma-position						{ width:50px; height:30px; float:left; margin:0.3em 0;  }
#venir #my_position							{ display:block; width:60px; height:40px; }
#venir #my_position	span.sprite				{ margin: 0 15px;}
#venir form input.ui-input-text				{ float:left; width:30%; margin:0.2em 0; }
#venir .ui-btn 								{ margin-top:0; margin-right:0; float:right; }
#venir .vcard								{ color:#ADADAD; padding:10px; }
#venir .vcard h1 							{ font-size:.8em; }
#venir .vcard p								{ font-size:.6em; }

/* PAGE E : connexion requise */
.rub_e 										{ position:relative; margin:0 auto; max-width:540px; overflow:hidden; padding:20px 10px; position:relative; }
.rub_e article h1							{ font-size:2.2em; font-family: RW,"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: 100; padding-bottom:5px; }


/************************************************/
/* 				NOIR							*/
/************************************************/
.ui-body-a									{ }
.ui-header.ui-bar-a							{ background:#272727; }
.ui-footer.ui-bar-a							{ background:rgba(24,24,24,.8); border-bottom:1px solid #030303; border-top:2px solid #484848; -moz-box-shadow: inset 0 0 15px #000; -webkit-box-shadow: inset 0 0 15px #000; box-shadow: inset 0 0 15px #000; }
.ui-body-a .sprite							{ background-image:url(sprite.png); }
.ui-body-a .entete							{ border-top:1px solid #494747; background-image:url(/media/noir/entete.jpg); }
.ui-body-a .flex-direction-nav a			{ background-image:url(/media/noir/btn-carrousel.png); }
.ui-body-a .ui-listview .ui-btn-up-a a.ui-link-inherit { color:#fff; }
.ui-body-a .ui-icon-shadow 					{ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

.ui-body-a .ui-icon, 
.ui-body-a .ui-icon-plus, 
.ui-body-a .ui-icon-minus, 
.ui-body-a .ui-icon-delete, 
.ui-body-a .ui-icon-arrow-r,
.ui-body-a .ui-icon-arrow-l, 
.ui-body-a .ui-icon-arrow-u, 
.ui-body-a .ui-icon-arrow-d, 
.ui-body-a .ui-icon-check,
.ui-body-a .ui-icon-gear, 
.ui-body-a .ui-icon-refresh, 
.ui-body-a .ui-icon-forward, 
.ui-body-a .ui-icon-back,
.ui-body-a .ui-icon-grid, 
.ui-body-a .ui-icon-star, 
.ui-body-a .ui-icon-alert, 
.ui-body-a .ui-icon-info, 
.ui-body-a .ui-icon-home, 
.ui-body-a .ui-icon-search, 
.ui-body-a .ui-icon-searchfield:after, 
.ui-body-a .ui-icon-checkbox-off, 
.ui-body-a .ui-icon-checkbox-on, 
.ui-body-a .ui-icon-radio-off, 


#menuindex.ui-body-a .ui-content li a		{ color:#fff; }
#menuindex.ui-body-a .ui-content nav .ui-btn .ui-btn-text { color:#757474; }
#menuindex.ui-body-a .ui-content nav .ui-btn:hover .ui-btn-text { color:#fff; }

.ui-body-a .bulle							{ background:#575757; }
/*.ui-body-a .fiche .colc h1,*/
.ui-body-a aside header h1,
.ui-body-a #projets > h1,
.ui-body-a section h1,
.ui-body-a section h2,
.ui-dialog.ui-body-a h1						{ color:#fff; border-bottom:1px solid #242424; }
/*.ui-body-a .fiche .colc h1 span,*/
.ui-body-a aside header h1 span,
.ui-body-a #projets > h1 span,
.ui-body-a section h1 span,
.ui-body-a section h2 span,
.ui-dialog.ui-body-a h1 span				{ border-bottom:3px solid #575757; }
.ui-body-a .ui-icon-checkbox-off			{ border:1px solid #575757; box-shadow:inset 0 0 3px #575757; }
.ui-body-a .ui-btn:hover .ui-icon-checkbox-off { border-color:#fff; }

.ui-body-a form input.ui-input-text			{ color:#424040; border:1px solid #3c3a3a; background:url(/media/page_d/shadow.png) 0 0 no-repeat, #171717 url(/media/page_d/shadow.png) right bottom no-repeat; }
.ui-body-a form button						{ }
.ui-body-a form textarea:hover,
.ui-body-a form select:hover,
.ui-body-a form input.ui-input-text:hover	{ border-color:#5d5a5a; color:#ADADAD; }
.ui-body-a form textarea:focus,
.ui-body-a form select:focus,
.ui-body-a form input.ui-input-text:focus	{ border-color:#edecec; color:#D4D4D4; }
.ui-body-a form input.ui-input-text, 
.ui-body-a form textarea.ui-input-text		{ }
#actualites.ui-body-a .conteneur time		{ color:#5d5d5d; }
#actualites.ui-body-a .conteneur .tiret		{ display:inline-block; height:1px; width:10px; background:#5d5d5d; }
.ui-body-a .fiche							{ }
.ui-body-a .fiche h1 						{ color:#DADADA; }
.ui-body-a .fiche .texte					{ color:#A5A5A5; }

.msg										{ border:1px dashed #DADADA; }

.ui-body-a .ui-icon-tel,
.ui-body-a .ui-icon-pc						{ background-image:url(sprite.png); }

.ui-body-a #presentation-agence .tiret		{ background-color:#fff; }
.ui-body-a #presentation-agence h1,
.ui-body-a #presentation-agence h2 			{ color:#DADADA; }

.ui-body-a .elements article				{ background-color:#fff; }
.ui-body-a .elements article figure			{ background-color:#717171; }

.ui-body-a #clientele-page .clientele-element img	{ opacity:0.6; }
.ui-body-a #clientele-page .actif a img				{ opacity:1.0; }
.ui-body-a #clientele-page .actif a:hover img,
.ui-body-a #clientele-page .actif a:active img		{ opacity:0.3; }

#configuration.ui-body-a fieldset			{ background:#181818; border:1px dashed #575757; }
#configuration.ui-body-a p					{ color:#757474; }

#plus.ui-body-a .suivre ul 					{ background:#242424; border-bottom:1px solid #030303; border-top:2px solid #484848; -moz-box-shadow: inset 0 0 15px #111; -webkit-box-shadow: inset 0 0 15px #111; box-shadow: inset 0 0 15px #111; }

.ui-body-a .fiche .secteur span 			{ color:#000; background:#939393; }

/* PAGE Agence - chiffres cl��s */
.ui-body-a #chiffres-cles-page							{ color:#fff; }
.ui-body-a #chiffres-cles-page .bloc					{ color:#a0a0a0;}
.ui-body-a #chiffres-cles-page .bloc h1					{ color:#fff; border-bottom:1px solid #4a4a4a; }
.ui-body-a #chiffres-cles-page .bloc footer a			{ color:#a0a0a0; background:#000; }
.ui-body-a #chiffres-cles-page .bloc footer a:hover		{ color:#fff; background:#8e8d8d; }
.ui-body-a #chiffres-cles-page #competences .cache 		{ background-image:url(/media/noir/chiffres-cles_competences_img.png); }
.ui-body-a #chiffres-cles-page #pixels					{ background:#222; }
.ui-body-a #chiffres-cles-page #pixels a				{ color:#fff; }
.ui-body-a #chiffres-cles-page #emotion					{ background:#383838; }
.ui-body-a #chiffres-cles-page #competences				{ background:#1b1b1b; }
.ui-body-a #chiffres-cles-page #rh						{ background:#222; }
.ui-body-a #chiffres-cles-page #rh figcaption			{ background:url(/media/noir/chiffres-cles_rh_figcaption.png) 0 5px repeat-x; }
.ui-body-a #chiffres-cles-page #rh figcaption span		{ background:#000; }
.ui-body-a #chiffres-cles-page #rh #cles_rh_equipe		{ background-image:url(/media/noir/chiffres-cles_rh_equipe.png); }
.ui-body-a #chiffres-cles-page #rh #cles_rh_partenaires	{ background-image:url(/media/noir/chiffres-cles_rh_partenaires.png); }
.ui-body-a #chiffres-cles-page #code					{ background:#4c4c4c; }
.ui-body-a #chiffres-cles-page #code h1					{ border-bottom-color:#747373; }
.ui-body-a #chiffres-cles-page #code figcaption			{ color:#fff; }
.ui-body-a #chiffres-cles-page #clients					{ background:#222; }
.ui-body-a #chiffres-cles-page #clients strong			{ color:#e4e4e4; } 
.ui-body-a #chiffres-cles-page #budget					{ background:#1b1b1b; }
.ui-body-a #chiffres-cles-page #budget h1				{ color:#a0a0a0; }
.ui-body-a #chiffres-cles-page #budget strong			{ color:#e4e4e4; } 
.ui-body-a #chiffres-cles-page #evolution				{ background:#222; }
.ui-body-a #chiffres-cles-page #localisation			{ background:#3c3c3c; }
.ui-body-a #chiffres-cles-page #localisation h1			{ border-bottom-color:#898989; }
.ui-body-a #chiffres-cles-page #localisation ul			{ background:url(/media/noir/chiffres-cles_localisation_img.png) left bottom no-repeat; }
.ui-body-a #chiffres-cles-page #localisation .loc1		{ color:#fff; }
.ui-body-a #chiffres-cles-page #localisation .loc2		{ }
.ui-body-a #chiffres-cles-page #localisation .loc3		{ color:#fff; }
.ui-body-a #chiffres-cles-page #mondial					{ color:#1b1b1b; background:#b6b6b6 url(/media/page_a/chiffres-cles_mondial.jpg) 0 0 repeat-y;  }
.ui-body-a #chiffres-cles-page #mondial h1 span			{ background:#161616; color:#a0a0a0; }
.ui-body-a #chiffres-cles-page #mondial strong			{ }

/************************************************/
/* 				BLANC							*/
/************************************************/
.ui-body-b									{ text-shadow:none; }
.ui-body-b .ui-overlay-shadow 				{ box-shadow:none; }
.ui-header.ui-bar-b							{ background:#fff; }
.ui-footer.ui-bar-b							{ background:rgba(224,224,224,.8); border-bottom:1px solid #4c4c4c; border-top:2px solid #a5a5a5; -moz-box-shadow: inset 0 0 15px #c3c3c3; -webkit-box-shadow: inset 0 0 15px #c3c3c3; box-shadow: inset 0 0 15px #c3c3c3; }
.ui-body-b .sprite							{ background-image:url(sprite.png); }
.ui-body-b .flex-direction-nav a			{ background-image:url(/media/blanc/btn-carrousel.png); }
.ui-body-b .entete							{ border-top:1px solid #868686; background-image:url(/media/blanc/entete.jpg); background-color:#9c9c9a; }
.ui-body-b .entete h1 						{ color:#fff; text-shadow:0 1px 0 #9c9c9a;  }
.ui-body-b .ui-listview .ui-btn-up-a a.ui-link-inherit { color:#000; }
.ui-body-b .ui-icon-shadow 					{ box-shadow: 0 1px 0 rgba(127, 127, 127, 0.2); }

.ui-body-b .ui-icon,
.ui-body-b .ui-icon-plus, 
.ui-body-b .ui-icon-minus, 
.ui-body-b .ui-icon-delete, 
.ui-body-b .ui-icon-arrow-r,
.ui-body-b .ui-icon-arrow-l, 
.ui-body-b .ui-icon-arrow-u, 
.ui-body-b .ui-icon-arrow-d, 
.ui-body-b .ui-icon-check,
.ui-body-b .ui-icon-gear, 
.ui-body-b .ui-icon-refresh, 
.ui-body-b .ui-icon-forward, 
.ui-body-b .ui-icon-back,
.ui-body-b .ui-icon-grid, 
.ui-body-b .ui-icon-star, 
.ui-body-b .ui-icon-alert, 
.ui-body-b .ui-icon-info, 
.ui-body-b .ui-icon-home, 
.ui-body-b .ui-icon-search, 
.ui-body-b .ui-icon-searchfield:after, 
.ui-body-b .ui-icon-checkbox-off, 
.ui-body-b .ui-icon-checkbox-on, 
.ui-body-b .ui-icon-radio-off, 


#menuindex.ui-body-b .ui-content li a		{ color:#000; }
#menuindex.ui-body-b .ui-content nav .ui-btn .ui-btn-text { color:#757474; }
#menuindex.ui-body-b .ui-content nav .ui-btn:hover .ui-btn-text { color:#000; }

.ui-body-b .bulle							{ background:#e1e1e1; }
/*.ui-body-b .fiche .colc h1,*/
.ui-body-b aside header h1,
.ui-body-b #projets > h1,
.ui-body-b section h1,
.ui-body-b section h2,
.ui-dialog.ui-body-b h1						{ color:#000; border-bottom:1px solid #f3f3f3; }
/*.ui-body-b .fiche .colc h1 span,*/
.ui-body-b aside header h1 span,
.ui-body-b #projets > h1 span,
.ui-body-b section h1 span,
.ui-body-b section h2 span,
.ui-dialog.ui-body-b h1 span				{ border-bottom:3px solid #e1e1e1; }
.ui-body-b .ui-icon-checkbox-off			{ border:1px solid #575757; box-shadow:inset 0 0 3px #575757; }
.ui-body-b .ui-btn:hover .ui-icon-checkbox-off { border-color:#000; }

.ui-body-b form input.ui-input-text			{/* color:#424040;*/ border:1px solid #e1e1e1; }
.ui-body-b form button						{ }
.ui-body-b form textarea:hover,
.ui-body-b form select:hover,
.ui-body-b form input.ui-input-text:hover	{ border-color:#575757; }
.ui-body-b form textarea:focus,
.ui-body-b form select:focus,
.ui-body-b form input.ui-input-text:focus	{ border-color:#575757; color:#2E2E2E; box-shadow:none; }
.ui-body-b form input.ui-input-text, 
.ui-body-b form textarea.ui-input-text		{ }
#actualites.ui-body-b .conteneur time		{ color:#AFAFAF; }
.ui-body-b .fiche							{ }
.ui-body-b .fiche h1 						{ color:#2E2E2E; }
.ui-body-b .fiche .texte					{ color:#A5A5A5; }

.msg										{ border:1px dashed #DADADA; }

.ui-body-b .ui-icon-tel,
.ui-body-b .ui-icon-pc						{ background-image:url(sprite.png); box-shadow:none; }

.ui-body-b #presentation-agence .tiret		{ background-color:#000; }
.ui-body-b #presentation-agence h1,
.ui-body-b #presentation-agence h2 			{ color:#2E2E2E; }

.ui-body-b .elements article				{ background-color:#000; }
.ui-body-b .elements article figure			{ background-color:#717171; }

.ui-body-b #clientele-page .clientele-element img	{ opacity:0.6; }
.ui-body-b #clientele-page .actif a img				{ opacity:1.0; }
.ui-body-b #clientele-page .actif a:hover img,
.ui-body-b #clientele-page .actif a:active img		{ opacity:0.3; }

#configuration.ui-body-b fieldset			{ background:#f3f3f3; border:1px dashed #e1e1e1; }
#configuration.ui-body-b p					{ color:#AFAFAF; }

#plus.ui-body-b .suivre ul 					{ background:#fff; border-bottom:1px solid #f3f3f3; border-top:2px solid #a5a5a5; -moz-box-shadow: inset 0 0 15px #eee; -webkit-box-shadow: inset 0 0 15px #eee; box-shadow: inset 0 0 15px #eee; }

.ui-body-b .fiche .secteur span 			{ color:#fff; background:#7f7f7f; }


/* PAGE Agence - chiffres cl��s */
.ui-body-b #chiffres-cles-page							{ color:#000; background:#f3f3f3;  }
.ui-body-b #chiffres-cles-page .bloc					{ color:#5f5f5f;}
.ui-body-b #chiffres-cles-page .bloc h1					{ color:#000; border-bottom:1px solid #b5b5b5; }
.ui-body-b #chiffres-cles-page .bloc footer a			{ color:#5f5f5f; background:#fff; }
.ui-body-b #chiffres-cles-page .bloc footer a:hover		{ color:#fff; background:#717272; }
/*.ui-body-b #chiffres-cles-page #pixels					{ background:#dddddd; }
.ui-body-b #chiffres-cles-page #pixels a				{ color:#000; }
.ui-body-b #chiffres-cles-page #emotion					{ background:#c7c7c7; }*/
.ui-body-b #chiffres-cles-page #competences				{ background:#fff; /*background:#e4e4e4;*/ }
.ui-body-b #chiffres-cles-page #competences .cache 		{ background:url(/media/blanc/chiffres-cles_competences_img.png) 0 0 no-repeat; }
.ui-body-b #chiffres-cles-page #rh						{ background:#fff; /*background:#dddddd;*/ }
.ui-body-b #chiffres-cles-page #rh figcaption			{ background:url(/media/blanc/chiffres-cles_rh_figcaption.png) 0 5px repeat-x; }
.ui-body-b #chiffres-cles-page #rh figcaption span		{ background:#ddd; /*background:#fff;*/ }
.ui-body-b #chiffres-cles-page #rh #cles_rh_equipe		{ background-image:url(/media/blanc/chiffres-cles_rh_equipe.png); }
.ui-body-b #chiffres-cles-page #rh #cles_rh_partenaires	{ background-image:url(/media/blanc/chiffres-cles_rh_partenaires.png); }
/*.ui-body-b #chiffres-cles-page #code					{ background:#b3b3b3; }
.ui-body-b #chiffres-cles-page #code h1					{ border-bottom-color:#8b8c8c; }
.ui-body-b #chiffres-cles-page #code figcaption			{ color:#000; }*/
.ui-body-b #chiffres-cles-page #clients					{ background:#dddddd; }
.ui-body-b #chiffres-cles-page #clients strong			{ color:#1b1b1b; } 
.ui-body-b #chiffres-cles-page #budget					{ background:#e4e4e4; }
.ui-body-b #chiffres-cles-page #budget h1				{ color:#5f5f5f; }
.ui-body-b #chiffres-cles-page #budget strong			{ color:#1b1b1b; } 
/*.ui-body-b #chiffres-cles-page #evolution				{ background:#ddd; }*/
.ui-body-b #chiffres-cles-page #localisation			{ /*background:#c3c3c3;*/ background:#fff; }
.ui-body-b #chiffres-cles-page #localisation h1			{ border-bottom-color:#767676; }
.ui-body-b #chiffres-cles-page #localisation ul			{ background:url(/media/blanc/chiffres-cles_localisation_img.png) left bottom no-repeat; }
.ui-body-b #chiffres-cles-page #localisation .loc1		{ color:#000; }
.ui-body-b #chiffres-cles-page #localisation .loc2		{ }
.ui-body-b #chiffres-cles-page #localisation .loc3		{ color:#000; }

.ui-body-b #chiffres-cles-page #mondial					{ color:#1b1b1b; background:#b6b6b6 url(/media/page_a/chiffres-cles_mondial.jpg) 0 0 repeat-y;  }
.ui-body-b #chiffres-cles-page #mondial h1 span			{ background:#161616; color:#a0a0a0; }
.ui-body-b #chiffres-cles-page #mondial strong			{ }

/* AWARDS sur page d'accueil */
.award {
	position: absolute;
	top: 87px;
	left: 0px;
	width: 92px;
	height: 92px;
}

.award a{
	display: block;
	width: 92px;
	height: 92px;
}
.ui-body-a .award {
	background: url(/media/fwa_motd_big_badges-mbacharte-blanc-mini.png) no-repeat 0px 0px;
}
.ui-body-b .award {
	background: url(/media/fwa_motd_big_badges-mbacharte-noir-mini.png) no-repeat 0px 0px;
}

/************************************************/
/* 				HAUTE D��FINITION				*/
/************************************************/
/* Pour les ��crans HD, on utilise des pictos 2x plus grand dont on r��duit la taille d'affichage (gain de dpi sans changer les positions) */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
		   
	/*#dBody .ui-footer { position:fixed; bottom:0; max-width:640px; z-index:9999; }*/
	
	/*.ui-body-a .ui-icon,*/
	.ui-body-a .ui-icon-plus, 
	.ui-body-a .ui-icon-minus, 
	.ui-body-a .ui-icon-delete, 
	.ui-body-a .ui-icon-arrow-r,
	.ui-body-a .ui-icon-arrow-l, 
	.ui-body-a .ui-icon-arrow-u, 
	.ui-body-a .ui-icon-arrow-d, 
	.ui-body-a .ui-icon-check,
	.ui-body-a .ui-icon-gear, 
	.ui-body-a .ui-icon-refresh, 
	.ui-body-a .ui-icon-forward, 
	.ui-body-a .ui-icon-back,
	.ui-body-a .ui-icon-grid, 
	.ui-body-a .ui-icon-star, 
	.ui-body-a .ui-icon-alert, 
	.ui-body-a .ui-icon-info, 
	.ui-body-a .ui-icon-home, 
	.ui-body-a .ui-icon-search, 
	.ui-body-a .ui-icon-searchfield:after, 
	.ui-body-a .ui-icon-checkbox-off, 
	.ui-body-a .ui-icon-checkbox-on, 
	.ui-body-a .ui-icon-radio-off, 
	.ui-body-a .ui-icon-radio-on			{ background-image: url(mba/images/icons-36-white.png); }
	.ui-body-a .ui-icon-alt 				{ background-image: url(mba/images/icons-36-black.png); }

	/*.ui-body-b .ui-icon,*/
	.ui-body-b .ui-icon-plus, 
	.ui-body-b .ui-icon-minus, 
	.ui-body-b .ui-icon-delete, 
	.ui-body-b .ui-icon-arrow-r,
	.ui-body-b .ui-icon-arrow-l, 
	.ui-body-b .ui-icon-arrow-u, 
	.ui-body-b .ui-icon-arrow-d, 
	.ui-body-b .ui-icon-check,
	.ui-body-b .ui-icon-gear, 
	.ui-body-b .ui-icon-refresh, 
	.ui-body-b .ui-icon-forward, 
	.ui-body-b .ui-icon-back,
	.ui-body-b .ui-icon-grid, 
	.ui-body-b .ui-icon-star, 
	.ui-body-b .ui-icon-alert, 
	.ui-body-b .ui-icon-info, 
	.ui-body-b .ui-icon-home, 
	.ui-body-b .ui-icon-search, 
	.ui-body-b .ui-icon-searchfield:after, 
	.ui-body-b .ui-icon-checkbox-off, 
	.ui-body-b .ui-icon-checkbox-on, 
	.ui-body-b .ui-icon-radio-off, 
	.ui-body-b .ui-icon-radio-on 			{ background-image:url(mba/images/icons-36-black.png); }
	.ui-body-b .ui-icon-alt 				{ background-image:url(mba/images/icons-36-white.png); }	
	
	
	#pre-home a								{ background-image:url(/media/pre_home-hr.jpg); }

	/* Sprite */
	.ui-body-a .sprite,
	.ui-body-a .ui-icon-tel,
	.ui-body-a .ui-icon-pc { 
		background-image:url(/media/noir/sprite-hr.png);
		-moz-background-size:500px 300px;
		-o-background-size:500px 300px;
		-webkit-background-size:500px 300px;
		background-size:500px 300px;  
	}
	
	.ui-body-b .sprite,
	.ui-body-b .ui-icon-tel,
	.ui-body-b .ui-icon-pc {
		background-image:url(/media/blanc/sprite-hr.png); 
		-moz-background-size:500px 300px;
		-o-background-size:500px 300px;
		-webkit-background-size:500px 300px;
		background-size:500px 300px;  
	}
	/* Bouton carrousel */
	.ui-body-a .flex-direction-nav a		{
		-moz-background-size:140px 164px;
		-o-background-size:140px 164px;
		-webkit-background-size:140px 164px;
		background-size:140px 164px;
	}
	.ui-body-a .flex-direction-nav a		{ background-image:url(/media/noir/btn-carrousel-hr.png); }


	/* Entete */
	.entete {
		-moz-background-size:363px 30px;
		-o-background-size:363px 30px;
		-webkit-background-size:363px 30px;
		background-size:363px 30px;
	}
	.ui-body-a .entete {
		background-image:url(/media/noir/entete-hr.jpg); 
	}
	.ui-body-b .entete {
		background-image:url(/media/blanc/entete-hr.jpg); 
	}

	.img-bandeau { /*-moz-background-size:320px 88px; -o-background-size:320px 88px; -webkit-background-size:320px 88px; background-size:320px 88px;*/ }
	#agence-img { background-image:url(/media/page_a/img-bandeau-hr.jpg); }
	#services-img { background-image:url(/media/page_c/img-bandeau-hr.jpg); }
	#contact-img { background-image:url(/media/page_d/img-bandeau-hr.jpg); }
	
	.srub_a02 li figure							{ -moz-background-size:215px 260px; -o-background-size:215px 260px; -webkit-background-size:215px 260px; background-size:215px 260px; }
	.srub_a02 .equipe-regis figure				{ background-image:url(/media/page_a/equipe/regis-hr.jpg); }
	.srub_a02 .equipe-pascale figure			{ background-image:url(/media/page_a/equipe/pascale-hr.jpg); }
	.srub_a02 .equipe-myriam figure				{ background-image:url(/media/page_a/equipe/myriam-hr.jpg); }
	.srub_a02 .equipe-alice figure				{ background-image:url(/media/page_a/equipe/alice-hr.jpg); }
	.srub_a02 .equipe-caro figure				{ background-image:url(/media/page_a/equipe/caro-hr.jpg); }
	.srub_a02 .equipe-julien figure				{ background-image:url(/media/page_a/equipe/julien-hr.jpg); }
	.srub_a02 .equipe-vero figure				{ background-image:url(/media/page_a/equipe/vero-hr.jpg); }
	.srub_a02 .equipe-greg figure				{ background-image:url(/media/page_a/equipe/greg-hr.jpg); }
	.srub_a02 .equipe-antoine figure			{ background-image:url(/media/page_a/equipe/antoine-hr.jpg); }
	.srub_a02 .equipe-emeline figure			{ background-image:url(/media/page_a/equipe/emeline-hr.jpg); }
	.srub_a02 .equipe-julien-rd figure			{ background-image:url(/media/page_a/equipe/julien-rd-hr.jpg); }
	
	#presentation-agence .visuel { padding:1.6% 0; }
	#presentation-agence_img1 .img { background-image:url(/media/page_a/presentation-agence_img1-hr.jpg); }
	#presentation-agence_img2 .img { background-image:url(/media/page_a/presentation-agence_img2-hr.jpg); }
	
	#chiffres-cles-page #competences .cache 		{ -moz-background-size:208px 129px; -o-background-size:208px 129px; -webkit-background-size:208px 129px; background-size:208px 129px; }
	#chiffres-cles-page #rh #cles_rh_equipe		{ -moz-background-size:284px 54px; -o-background-size:284px 54px; -webkit-background-size:284px 54px; background-size:284px 54px; }
	#chiffres-cles-page #rh #cles_rh_partenaires	{ -moz-background-size:279px 28px; -o-background-size:279px 28px; -webkit-background-size:279px 28px; background-size:279px 28px; }
	#chiffres-cles-page #localisation ul			{ -moz-background-size:320px 199px; -o-background-size:320px 199px; -webkit-background-size:320px 199px; background-size:320px 199px; }

	.ui-body-a #chiffres-cles-page #competences .cache 		{ background-image:url(/media/noir/chiffres-cles_competences_img-hr.png); }
	.ui-body-a #chiffres-cles-page #rh #cles_rh_equipe		{ background-image:url(/media/noir/chiffres-cles_rh_equipe-hr.png); }
	.ui-body-a #chiffres-cles-page #rh #cles_rh_partenaires	{ background-image:url(/media/noir/chiffres-cles_rh_partenaires-hr.png); }
	.ui-body-a #chiffres-cles-page #localisation ul			{ background-image:url(/media/noir/chiffres-cles_localisation_img-hr.png); }

	.ui-body-b #chiffres-cles-page #competences .cache 		{ background-image:url(/media/blanc/chiffres-cles_competences_img-hr.png); }
	.ui-body-b #chiffres-cles-page #rh #cles_rh_equipe		{ background-image:url(/media/blanc/chiffres-cles_rh_equipe-hr.png); }
	.ui-body-b #chiffres-cles-page #rh #cles_rh_partenaires	{ background-image:url(/media/blanc/chiffres-cles_rh_partenaires-hr.png); }
	.ui-body-b #chiffres-cles-page #localisation ul			{ background-image:url(/media/blanc/chiffres-cles_localisation_img-hr.png); }
	
	/* bandeau FWA haute r��solution */
	.ui-body-a .award {
		background: url(/media/fwa_motd_big_badges-mbacharte-blanc.png) no-repeat 0px 0px;
		-moz-background-size: 92px 92px;
		-o-background-size: 92px 92px;
		-webkit-background-size: 92px 92px;
		background-size: 92px 92px;
	}
	.ui-body-b .award {
		background: url(/media/fwa_motd_big_badges-mbacharte-noir.png) no-repeat 0px 0px;
		-moz-background-size: 92px 92px;
		-o-background-size: 92px 92px;
		-webkit-background-size: 92px 92px;
		background-size: 92px 92px;
	}
}

/* ��viter de trop ��tirer la page en largeur pour les ��crans de largeur sup��rieure �� 640px */
@media screen and (min-width: 640px) {
	
	#pre-home a								{ display:block; background:url(/media/pre_home-hr.jpg) 0 0 no-repeat; width:640px; height:832px; position:absolute; left:50%; margin-left:-320px; 
		-moz-background-size:640px 832px;
		-o-background-size:640px 832px;
		-webkit-background-size:640px 832px;
		background-size:640px 832px;
	}
	#pre-home #ajax-loader					{ left:50%; top:600px; margin-left:-8px; }
	
	/*#dBody .ui-footer { position:fixed; bottom:0; max-width:640px; z-index:9999; }*/

	.ui-mobile [data-role="page"],
	.ui-mobile [data-role="dialog"],
	.ui-page { position:absolute; width:640px; left:50%; margin-left:-320px; }
	
	.img-bandeau { height:176px; /*width:640px; -moz-background-size:640px 176px; -o-background-size:640px 176px; -webkit-background-size:640px 176px; background-size:640px 176px;*/ }
	#agence-img { background-image:url(/media/page_a/img-bandeau-hr.jpg); }
	#services-img { background-image:url(/media/page_c/img-bandeau-hr.jpg); }
	#contact-img { background-image:url(/media/page_d/img-bandeau-hr.jpg); }
	
	#presentation-agence .visuel { padding:1.6% 0; }
	#presentation-agence_img1 .img { background-image:url(/media/page_a/presentation-agence_img1-hr.jpg); }
	#presentation-agence_img2 .img { background-image:url(/media/page_a/presentation-agence_img2-hr.jpg); }
	
	.srub_a02 .elements							{ padding:36px 0; }
	.srub_a02 .elements article 				{ width:387px; }
	.srub_a02 li figure 						{ width:387px; height:234px; -moz-background-size:387px 468px; -o-background-size:387px 468px; -webkit-background-size:387px 468px; background-size:387px 468px; }
	.srub_a02 li figure:hover					{ background-position:0 -234px; }
	.srub_a02 .equipe-regis figure				{ background-image:url(/media/page_a/equipe/regis-hr.jpg); }
	.srub_a02 .equipe-pascale figure			{ background-image:url(/media/page_a/equipe/pascale-hr.jpg); }
	.srub_a02 .equipe-myriam figure				{ background-image:url(/media/page_a/equipe/myriam-hr.jpg); }
	.srub_a02 .equipe-alice figure				{ background-image:url(/media/page_a/equipe/alice-hr.jpg); }
	.srub_a02 .equipe-caro figure				{ background-image:url(/media/page_a/equipe/caro-hr.jpg); }
	.srub_a02 .equipe-julien figure				{ background-image:url(/media/page_a/equipe/julien-hr.jpg); }
	.srub_a02 .equipe-vero figure				{ background-image:url(/media/page_a/equipe/vero-hr.jpg); }
	.srub_a02 .equipe-greg figure				{ background-image:url(/media/page_a/equipe/greg-hr.jpg); }
	.srub_a02 .equipe-antoine figure			{ background-image:url(/media/page_a/equipe/antoine-hr.jpg); }
	.srub_a02 .equipe-emeline figure			{ background-image:url(/media/page_a/equipe/emeline-hr.jpg); }
	.srub_a02 .equipe-julien-rd figure			{ background-image:url(/media/page_a/equipe/julien-rd-hr.jpg); }	
	.srub_a02 .flex-direction-nav 				{ top:90px; }

	#clientele-page #updates { padding:10px 27px 50px 29px; }
}